<template>
  <i
      class="fas fa-info-circle"
      data-bs-toggle="tooltip"
      :data-bs-placement=position
      :data-bs-title=title
      ref="info"
  >
  <slot></slot>
  </i>
</template>
<script>
import { Tooltip } from "bootstrap";

export default {
  name: 'TitleTip',
  props: {
    title:{},
    position:{}
  },
  mounted() {
    new Tooltip(document.body, {
      selector: "[data-bs-toggle='tooltip']",
    })
  }
}
</script>
